<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
{insert_styles files="./sources/style/goods_list.css"}
{$xajax_handle}
<title>Goods list</title>
</head>

<body>
<div id="container">
	<div class="refine-controls">
	   <dl>
	   		<dt>
			SIZE
			</dt>
			<dd>
			    <div style="width:180px;background:#999999;margin:0px auto;">
				<!--{foreach item=size from=$size_list}-->
					<a href="javascript:;" onclick="xajax_list_controls('size', <!--{$size.size_id}-->);"><!--{$size.size_name}--></a>&nbsp;
				<!--{/foreach}-->
				</div>
			</dd>
	   </dl>
	   
	   <dl>
	   		<dt>
			COLOR
			</dt>
			<dd>
			    <div style="overflow:auto;background:#999999;width:180px;height:100px;margin:0px auto;">
				<!--{foreach item=color from=$color_list}-->
					<a href="javascript:;" onclick="alert(<!--{$color.color_code}-->);" title="<!--{$color.color_code}-->"><!--{$color.color_name}--></a>&nbsp;
				<!--{/foreach}-->
				</div>
			</dd>
	   </dl>	   
	   <div id="ctl00_ContentMainPage_ctlCategoryRefine_rptRefine_ctl03_PnlSliderWrapper" class="control">	
			<div class="refine-control-header">
				<h3><a href="#" class="toggleControl">Price Range</a></h3>
				<a href="http://www.asos.com/Women/Shoes/Cat/pgecategory.aspx?cid=4172" class="clear">Clear</a>	
			</div>
			<div style="visibility:visible;" id="Rf-800" class="attribute-items">
				<input id="stateHref" value="?cid=4172" type="hidden">
				<input id="sliderState" value="" type="hidden">
				<span id="slider-step-size">
				   <input name="ctl00$ContentMainPage$ctlCategoryRefine$rptRefine$ctl03$hfSliderStepSize" id="ctl00_ContentMainPage_ctlCategoryRefine_rptRefine_ctl03_hfSliderStepSize" value="5" type="hidden">
				</span>
				<div class="ui-slider" id="slider">
					<a href="javascript:void(0)" style="border: medium none ; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium;">
						<div style="left: 0pt;" class="ui-slider-handle"></div>
					</a>
					<a href="javascript:void(0)" style="border: medium none ; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium;">
				    	<div style="left: 89.7727px;" class="ui-slider-handle"></div>
					</a>
					<div style="position: absolute; left: 4px; width: 89px;" class="ui-slider-range"></div>
			    </div>
			    <span class="price-tip slider-price-user-min">$<span id="userMin">10</span></span>
			    <span class="price-tip slider-price-user-max">$<span id="userMax">260</span></span>
				<span class="min">$<span id="productMin">10</span></span><span class="max">$<span id="productMax">450</span></span>
			</div>                
	   </div>
	   <dl>
	   		<dt>
			BRAND
			</dt>
			<dd>
			    <div style="overflow:auto;background:#999999;width:180px;height:100px;margin:0px auto;">
				<!--{foreach item=brand from=$brand_list}-->
					<a href="javascript:;" onclick="alert(<!--{$brand.brand_id}-->);" title="<!--{$brand.brand_id}-->"><!--{$brand.brand_name}--></a>&nbsp;
				<!--{/foreach}-->
				</div>
			</dd>
	   </dl>	
	   
	      
	</div>
	<div id="goods_list" class="right_cap">
		<ul>			
			  <!--{foreach name=goods_list from=$goods_list item=goods}-->
			  <!-- {if $goods} -->
			  <li>             
			  <table width=143  align="center" class="l_tb " >
				 <tr><td class="pad10">
				 <a href="{$goods.url}"><img src="{$imageservice}{$goods.goods_thumb}?110,138,1" alt="{$goods.goods_name}" /></a>
				 </td></tr>
				 <tr><td><a href="{$goods.url}" target="_blank">{$goods.goods_name}</a></td></tr>
				 <tr><td>----------{$goods.shop_price}</em></td></tr>
			
			  </table>                
			  </li>
			  <!-- {/if} -->
			  <!--{/foreach}-->  
		</ul>	
	</div>
</div>
</body>
</html>